@import './color.scss';

@mixin defineColors($key, $name, $len) {
  @for $i from 1 through $len {
    --fok-color-#{$name}-#{$i}: #{getColor($key, $i)};
  }
}

:root {
  @include defineColors($Brand, 'brand', 11);
  @include defineColors($Green, 'green', 11);
  @include defineColors($Link, 'link', 10);
  @include defineColors($Gray, 'gray', 14);
  @include defineColors($Blue, 'blue', 11);
  @include defineColors($Cyan, 'cyan', 11);
  @include defineColors($Error, 'error', 10);
  @include defineColors($Warning, 'warning', 10);

  // 通用hover list-item

  --fok-color-selected: #e5f3f2;
  --fok-color-table-selected: #dbf2f0;

  // 通用border
  --fok-border-radius: 4px;
  --fok-border-color: #d6dbe3;
  // input border
  --fok-input-border-color: #d6dbe3;
  --fok-input-disabled-color: #bbc4d0;

  // text 一 - 三级 文本
  --fok-text-color-1: #1c222b;
  --fok-text-color-2: #3c485c;
  --fok-text-color-3: #8c8d90;
  // 辅助文本
  --fok-text-color-4: #8c8d90;
  --fok-text-color-5: #a3a4a7;
  --fok-text-color-6: #b9babc;

  --fok-title-color: #1c222b;

  --vxe-table-row-height-mini: 30px;
  --vxe-table-row-line-height: 16px;
  --vxe-font-size-mini: 13px;

  // --fok-font-size-small:10px;
  // --fok-font-size-default:15px;
  // --fok-font-size-large:20px;

  // 通用属性 颜色 选中 失效 激活
  // 字体 大小
  // 边框 角度
}
